<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	xmlns:ui="http://java.sun.com/jsf/facelets">
<h:form id="formHabilidades">
	

	<p:fieldset >
		<h:panelGrid columns="2">
			<h:panelGrid columns="2">


				<h:outputText value="Categoria:" />

				<p:selectOneMenu id="categoria" value="#{habilidadeBean.categoria}"
					converter="categoriaConverter">
					<f:selectItem itemLabel="-- Selecione --" />
					<f:selectItems value="#{categoriaBean.categorias}" var="categoria"
						itemValue="#{categoria}" itemLabel="#{categoria.nome}" />
					<p:ajax event="change" update="categoria habilidade" />


				</p:selectOneMenu>
				<h:outputText value="Habilidades:" />
				<p:selectOneMenu id="habilidade"
					value="#{habilidadeBean.habSelecionada}"
					converter="habilidadeConverter">
					<f:selectItem itemLabel="-- Selecione --" />
					<f:selectItems value="#{habilidadeBean.categoria.habilidades}"
						var="habilidade" itemValue="#{habilidade}"
						itemLabel="#{habilidade.nome}" />

				</p:selectOneMenu>
				<br />
				<h:outputText value="   " />
				<p:commandButton value="Adicionar" action="#{habilidadeBean.add()}" process="@form" update="@form" />
				<p:dataTable id="gridHabilidades" var="habilidade"
					value="#{habilidadeBean.habilidades}">

					<p:column headerText="Habilidades">
					
						<h:outputText value="#{habilidade.nome}" />
					</p:column>
				</p:dataTable>
			</h:panelGrid>

			<h:panelGroup>

			</h:panelGroup>

		</h:panelGrid>
	</p:fieldset>
</h:form>


</html>

